/*定义系统页面背景颜色*/
@bgcolor:#eeeeee;
@mainColor:#00aa99;
@whiteColor:#ffffff;
@mainFont:14px;
@assistFont:12px;
@assistRedColor:#faa000;
@f606666Color:#606666;
@aaaaaaColor:#aaaaaa;
@f262929Color:#262929;
@fa2828Color:#fa2828;
@f868686Color:#868686;
/*封装打包模块共有属性 即调即用*/
#bundle{
  .searBtnCom(@wid,@hei,@colo){//按钮公共基础样式
    width: @wid;
    height: @hei;
    background: @colo;
    font-size: @mainFont;
    color: @whiteColor;
    cursor: pointer;
    border: none;
    border-radius: 2px;
    outline: none;
  }
  .basicColor(@fontColor){ //定义基础字体的样式 含有字号、颜色和是否加粗
    color: @fontColor;
  }
}
body{
  background: @bgcolor;
  font-family: 微软雅黑;
}

/*搜索按钮公共样式*/
.searchBtn{
  #bundle > .searBtnCom(90px,28px,@mainColor);
  vertical-align: top;
  .setIcon{
    margin-right: 10px;
  }
}
/*新建系列的按钮公共样式*/
.newSeriesBtn{
  #bundle > .searBtnCom(110px,28px,@assistRedColor);
  .setIcon{
    margin-right: 10px;
    position: relative;
    top:-1px;
  }
}


/*字体颜色#606666*/
.f60666{
  color:@f606666Color;
}
/*字体颜色#aaaaaa*/
.aaaaaa{
  color: @aaaaaaColor;
}
/*字体颜色#00aa99*/
.f00aa99{
  color: @mainColor;
   }
/*字体颜色#faa000*/
.faa000{
  color: @assistRedColor;
}
/*字体颜色#262929*/
.f262929{
  color: @f262929Color;
}
/*字体颜色#fa2828*/
.fa2828{
  color: @fa2828Color;
}
/*字体颜色#868686*/
.f868686{
  color: @f868686Color;
}
